<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Pluggin jRating : Ajax rating system with jQuery</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="jquery-ui/css/redmond/jquery-ui-1.9.2.custom.css" type="text/css" />
	<script type="text/javascript" src="jquery-ui/js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="jquery-ui/js/jquery-ui-1.9.2.custom.min.js"></script>
	<script>
		$(function(){
	
			$("#dialog-form").dialog({
				 autoOpen:false,
		        modal:true,
				 buttons:{  登录:function(){
								 alert("您点击了登录按钮");
					  }
				}
		})

		//控制打开dialog的方法

		


	
		});
		function open_dialog(){

		       $("#dialog-form").dialog("open");

		}


	</script>

</head>

<body>
<input type="button" value="打开" onclick="open_dialog();"/>


	<div id="dialog-form" class="ui-widget ui-widget-content ui-corner-all" title="用户登录">

        <p id="login_tip"></p>

        <form id="login-form">

        <fieldset>

            username:<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />

            password:<input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />

        </fieldset>

        </form>

    </div>


</body>
</html>